<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>123</title>
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		<style type="text/css">  
        article,aside,dialog,footer,header,section,footer,nav,figure,menu
        {
        	display:block;
        }
        .navbar-text{
        	padding-left: 30px;
        	float: left;
        	display: inline-block;
        }  
       
        </style>  
        <script>  
        (function() {  
          if (!  
         /*@cc_on!@*/  
          0) return;  
        var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');  
        var i= e.length;  
        while (i--){  
         document.createElement(e[i]);  
       }  
       })()  
</script>  
	</head>
    
	<body>
		<div id="QRCode">
			<div id="code-contain">
				<div id="remove"><i class="icon-remove icon-large" style="float: right;"></i></div>
				<h3>你可以扫描二维码</h3>
				<div id="code"></div>
				<h3>在手机端浏览</h3>
			</div>
			
		</div>
		<nav class="navbar navbar-default" role="navigation">
			<p class="navbar-text"><a href="#">首页</a>><a href="#">壁纸</a></p>
			<div style="float: right;">
				<form class="navbar-form navbar-left download" role="search" style="border: none;">
					<div class="btn-group">
						<a href="1_img" id="download-img"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-download-alt"></i>下载
                        </button></a>
						<!--<ul class="dropdown-menu" role="menu" style="width: 250px;left: -90px;">
							<li class="big-li"><a>1366×786(当前屏幕尺寸)</a></li>
							<li class="mid-li"><a>1024×768</a></li>
							<li class="mid-li"><a>1152×864</a></li>
							<li class="mid-li"><a>1280×768</a></li>
							<li class="mid-li"><a>1280×720</a></li>
							<li class="mid-li"><a>1280×960</a></li>
							<li class="mid-li"><a>1280×800</a></li>
							<li class="mid-li"><a>1280×1024</a></li>
							<li class="mid-li"><a>1360×768</a></li>
							<li class="mid-li"><a>1440×900</a></li>
							<li class="mid-li"><a>1600×900</a></li>
							<li class="mid-li"><a>1680×1050</a></li>
							<li class="mid-li"><a>1920×1080</a></li>
						</ul>-->
					</div>
					<button type="button" class="btn btn-default"><i class="icon-star-empty"></i>收藏</button>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-share"></i>分享
                        </button>
						<ul class="dropdown-menu" role="menu" id="share">
							<li><a target="_blank" href="#" class="weibo" id="weibo" title="分享到 新浪微博">新浪微博</a></li>
							<li><a target="_blank" href="#" class="tweibo" id="tweibo" title="分享到 腾讯微博">腾讯微博</a></li>
							<li><a target="_blank" href="#" class="qzone" id="qzone" title="分享到 QQ空间">QQ空间</a></li>
							<li><a target="_blank" href="#" class="renren" id="renren" title="分享到 人人网">人人网</a></li>
							<li><a target="_blank" href="#" class="douban" id="douban" title="分享到 豆瓣网">豆瓣网</a></li>
						</ul>
					</div>
					<button type="button" class="btn btn-default" id="send-phone"><i class="icon-mobile-phone"></i>发送手机</button>
					<button type="button" class="btn btn-default" id="fullscreen"><i class="icon-fullscreen"></i>全屏</button>
				</form>
				
			</div>

		</nav>
		<div id="container">
			<div id="left">
				<div id="left-top">
					<div id="tip">
			                    当前为第一张图片
		            </div>
					<a id="last-one"><i class="icon-angle-left icon-4x"></i></a>
				    <a id="next-one"><i class="icon-angle-right icon-4x"></i></a>
				    <div id="left-center">
					    <img src="img/001.jpg" id="1_imgb" data-download="1_img" data-size="1_img">
				    </div>
				</div>
				<div style="overflow: hidden;" id="sm-container">
					<span id="sm-img"><i class="icon-angle-down"></i><span>隐藏缩略图</span></span>
				</div>
				<div id="left-footer">
					<div id="img-container">
						<a id="last-one-s"><i class="icon-angle-left icon-3x"></i></a>
				        <a id="next-one-s"><i class="icon-angle-right icon-3x"></i></a>
						<ul id="img-scroll">
							<li class="img-s" id="1_img" data-download="1_img" data-size="1_img">
								<img src="img/001.jpg" >
							</li>
							<li class="img-s" id="2_img" data-download="2_img" data-size="2_img">
								<img src="img/001 (1).jpg">
							</li>
							<li class="img-s" id="3_img" data-download="3_img" data-size="3_img">
								<img src="img/005IA05Njw1es28i8yrmaj31kw0zk149.jpg">
							</li>
							<li class="img-s" id="4_img" data-download="4_img" data-size="4_img">
								<img src="img/141104_f09i.jpg">
							</li>
							<li class="img-s" id="5_img" data-download="5_img" data-size="5_img">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
							<li class="img-s" id="6_img" data-download="6_img" data-size="6_img">
								<img src="img/548547b13c1a8.jpg">
							</li>
							<li class="img-s" id="7_img" data-download="7_img" data-size="7_img">
								<img src="img/582612401509237642.jpg">
							</li>
							<li class="img-s" id="8_img" data-download="8_img" data-size="8_img">
								<img src="img/582612401509237642.jpg">
							</li>
							<li class="img-s" id="9_img" data-download="9_img" data-size="9_img">
								<img src="img/psb (1).jpg">
							</li>
							<li class="img-s" id="10_img" data-download="10_img" data-size="10_img">
								<img src="img/psb (2).jpg">
							</li>
							<li class="img-s" id="11_img" data-download="11_img" data-size="11_img">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
							<li class="img-s" id="12_img" data-download="12_img" data-size="12_img">
								<img src="img/psb (2).jpg">
							</li>
							<li class="img-s" id="13_img" data-download="13_img" data-size="13_img">
								<img src="img/001.jpg">
							</li>
							<li class="img-s" id="14_img" data-download="14_img" data-size="14_img">
								<img src="img/001 (1).jpg">
							</li>
							<li class="img-s" id="15_img" data-download="15_img" data-size="15_img">
								<img src="img/005IA05Njw1es28i8yrmaj31kw0zk149.jpg">
							</li>
							<li class="img-s" id="16_img" data-download="16_img" data-size="16_img">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
							<li class="img-s" id="17_img" data-download="17_img" data-size="17_img">
								<img src="img/001.jpg">
							</li>
							<li class="img-s" id="18_img" data-download="18_img" data-size="18_img">
								<img src="img/001 (1).jpg">
							</li>
							<li class="img-s" id="19_img" data-download="19_img" data-size="19_img">
								<img src="img/005IA05Njw1es28i8yrmaj31kw0zk149.jpg">
							</li>
							<li class="img-s" id="20_img" data-download="20_img" data-size="20_img">
								<img src="img/141104_f09i.jpg">
							</li>
							<li class="img-s" id="21_img" data-download="21_img" data-size="21_img">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
							<li class="img-s" id="22_img" data-download="22_img" data-size="22_img">
								<img src="img/548547b13c1a8.jpg">
							</li>
							<li class="img-s" id="23_img" data-download="23_img" data-size="23_img">
								<img src="img/582612401509237642.jpg">
							</li>
							<li class="img-s" id="24_img" data-download="24_img" data-size="24_img">
								<img src="img/582612401509237642.jpg">
							</li>
							<li class="img-s" id="25_img" data-download="25_img" data-size="25_img">
								<img src="img/psb (1).jpg">
							</li>
							<li class="img-s" id="26_img" data-download="26_img" data-size="26_img">
								<img src="img/psb (2).jpg">
							</li>
							<li class="img-s" id="27_img" data-download="27_img" data-size="27_img">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
							<li class="img-s" id="28_img" data-download="28_img" data-size="28_img">
								<img src="img/psb (2).jpg">
							</li>
							<li class="img-s" id="29_img" data-download="29_img" data-size="29_img">
								<img src="img/001.jpg">
							</li>
							<li class="img-s" id="30_img" data-download="30_img" data-size="30_img">
								<img src="img/001 (1).jpg">
							</li>
							<li class="img-s" id="31_img" data-download="31_img" data-size="31_img">
								<img src="img/005IA05Njw1es28i8yrmaj31kw0zk149.jpg">
							</li>
							<li class="img-s" id="32_img" data-download="32_img" data-size="">
								<img src="img/43a7d933c895d143e7f24a1075f082025aaf0778.jpg">
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div  id="right">

				<div class="right-top">
					<div class="title">
						纹身个性美女桌面壁纸
					</div>
					<div >
						<ul style="text-align: left;">
							<li><span class="item_imgmeta" id="img_size">1024×0767</span></li>
							|
							<li><span class="item_imgmeta" id="img_weight">122KB</span></li>
							|
							<li><span class="item_imgmeta">问题反馈</span></li>
						</ul>
					</div>
					<div class="new_refer">
						来源：
						<a href="http://download.pchome.net/wallpaper/info-8974-2-1.html">http://download.pchome.net/wallpaper/info-8974-2-1.html</a>
					</div>
				</div>
				<div class="border"></div>
				<div class="right-center">
					<div style="text-align: left;">相关图片</div>
					<div>
							<div class="img-field">
								<img src="img/001.jpg" />
							</div>
							<div class="img-field">
								<img src="img/001.jpg" />
							</div>
							<div class="img-field">
								<img src="img/001.jpg" />
							</div>
							<div class="img-field">
								<img src="img/001.jpg" />
							</div>
					</div>
				</div>
				<div class="border"></div>
				<div class="right-footer">
					<div class="title">推广</div>
					<img src="img/001 (1).jpg" />
				</div>
			</div>
		</div>
	</body>
	<script src="js/IEHack.js" type="text/javascript"></script>
	<script src="js/EventUtil.js" type="text/javascript"></script>
	<script src="js/jquery-1.11.3.js" type="text/javascript"></script>
	<script src="js/jquery.qrcode.min.js" type="text/javascript"></script>
    <script src="js/fullscream.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
	<script src="js/share.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://widget.renren.com/js/rrshare.js"></script><!--人人网分享接口-->
</html>